/*
 * @Author: Zoe 
 * @Date: 2017-12-01 10:25:21 
 * @Last Modified by: Zoe
 * @Last Modified time: 2017-12-01 17:31:41
 * 命令框样式  
 */

html {
  font-size: 10px;
  background: #212830;
  font-family: 'Raleway', sans-serif;
}

a {
  color: #fff;
}

#input-hint {
  width: 100%;
  position: fixed;
}


/* 提示命令 */

.hint {
  display: inline-block;
  margin-right: .2rem;
}

.vice-hint {
  background: #D2D2D2;
}

.vice-hint>span {
  color: blue
}


/* 命令输入框 */

#input-hint input {
  border: none;
  outline: medium;
  width: 80%;
}

#input-hint .input,
#input-hint .set {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  /* border: 1px solid #000000; */
  font-size: 10px;
}

#input-hint .input {
  width: 100%;
  background: #fff;
}

#input-hint .input a {
  border: 1px solid #C8E8F7;
}

#input-hint .set {
  width: 2%;
  color: #fff;
  background: #484A4C;
}

#input-hint .input a:hover {
  background: #C8E8F7;
}

#input-hint ul {
  position: absolute;
  left: -1rem;
  list-style: none;
  width: 10rem;
  background: #fff;
  margin: 0 2rem;
  padding: 0;
}

#input-hint .history-command>li {
  padding: .2rem 3rem;
}

#input-hint .history-command>li:hover {
  background: #eaf0f3
}

#input-hint span.pt-icon-standard {
  font-size: 10px;
}

#input-hint .recommend-command {
  color: #fff;
  background-color: #777777;
}

#input-hint .recommend-command>li.hover {
  background-color: #94ACCE;
}